<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人简历</title>
    <link rel="icon" href="img/logo.jpg" type="image/x-icon">
    <link rel="stylesheet" href="css/style.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

    <link rel="stylesheet" href="css/jquery.fullPage.css">
    <script src="js/jquery-1.8.3.min.js"></script>
    <script src="js/jquery.fullPage.min.js"></script>
</head>
<body>


<div class="wrapper">

    <header>

        <div class="header">

            <div class="logo clearfix">

                <div class="left clearfix">

                    <img src="img/logo.jpg" alt="">
                    <div class="div-da">
                        <div class="div">
                            <span>Huan</span>
                            <span class="span1">个人简历</span>
                        </div>
                        <div class="div1">

                            <span>Resume</span>
                            <span class="span1">前端工程师</span>

                        </div>
                    </div>


                </div>
                <div class="right">

                    <ul class="ul clearfix">

                        <li>首页</li>
                        <li>关于我</li>
                        <li>心路历程</li>
                        <li>专业技能</li>
                        <li>我的作品</li>
                        <li>联系我</li>
                        
                    </ul>

                </div>

            </div>

        </div>

    </header>

    <main>

        <div class="main">

            <div id="dowebok">
                <div class="section">

                    <!--第一屏-->
                    <div id="one">

                        <div class="one">

                            <h1>我只管努力，上天自有安排</h1>
                            <p class="p2">一个代码偏执狂</p>
                            <p class="p1">享受从无到有的成就感</p>
                            <p class="p3">路漫漫其修远兮 吾将上下而求索</p>

                        </div>

                    </div>

                </div>

                <div class="section">

                    <!--第二屏-->
                    <div id="tow">

                        <div class="tow">

                            <h1>About ME</h1>

                            <div class="tow-1 clearfix">

                                <img src="img/yuan.jpg" alt="">

                                <div class="js">

                                    <p><span>姓名</span>：<span>王宁</span></p>
                                    <p><span>年龄</span>：<span>22</span></p>
                                    <p><span>性别</span>：<span>男</span></p>
                                    <p><span>职位</span>：<span>前端工程师</span></p>
                                    <p><span>专业</span>：<span>wed前端</span></p>
                                    <p><span>毕业学校</span>：<span>泊头师范</span></p>

                                </div>

                            </div>

                        </div>

                    </div>

                </div>

                <div class="section">

                    <!--第三屏-->
                    <div id="three">

                        <div class="three clearfix">

                            <ul class="ul1">

                                <li style="transition-duration: 500ms;" id="li1"><span class="span2">1</span><span>简单的自我介绍</span></li>
                                <li style="transition-duration: 500ms;" id="li2"><span class="span2">2</span><span>为什么想做前端工程师？</span></li>
                                <li style="transition-duration: 500ms;" id="li3"><span class="span2">3</span><span>为什么不从事本专业？</span></li>
                                <li style="transition-duration: 500ms;" id="li4"><span class="span2">4</span><span>优势和不足</span></li>
                                <li style="transition-duration: 500ms;" id="li5"><span class="span2">5</span><span>我的想法是？</span></li>

                            </ul >

                            <div class="div5 j" id="div5">

                                <div id="k1" class="k active1">

                                    <p>你好，我是王宁</p>

                                    <p>来自河北张家口的一个小山庄</p>

                                    <p>爱好广泛,喜欢听音乐和旅行</p>

                                    <p>...</p>

                                    <p>莫听穿林打叶声，何妨吟啸且徐行。</p>
                                    <p>竹杖芒鞋轻胜马，谁怕？一蓑烟雨任平生。</p>


                                </div>

                                <div id="k2" class="k">




                                    <p>可能就像这一句情话</p>

                                    <p>You are the css to my html.</p>

                                    <p>“我的生活索然无味，</p>

                                    <p>直到遇见了你。”</p>

                                    <p>自到学习前端我才明白什么是生活。</p>




                                </div>

                                <div id="k3" class="k">


                                    <p>工作，本应该是一件使人快乐的事</p>

                                    <p>但，好像...只有编程我才能感到真正的快乐！！！</p>

                                    <p>误入深坑，却爱的无法自拔</p>



                                </div>

                                <div id="k4" class="k">


                                    <p>我的不足是：不想加班</p>

                                    <p>放假就想老老实实躺会</p>

                                    <p>我的优势是：主动加班</p>

                                    <p>在赶项目等阶段还是老实本分的敲</p>

                                    <p>如果你不介意</p>

                                    <p>那就选我吧！</p>



                                </div>

                                <div id="k5" class="k">


                                    <p>有人说 ฅ^•ﻌ•^ฅ

                                    <p>IT是个青春饭

                                    <p>但我 (ฅ´ω`ฅ)

                                    <p>要到敲不动为止

                                    <p>。

                                    <p>当然，得先有一个你@我offer！



                                </div>


                            </div>


                        </div>

                    </div>

                </div>

                <div class="section">

                    <!-- 第四屏 -->
                    <div id="for">

                        <div class="for">

                            <h2>专业技能</h2>

                            <div class="for-a clearfix">

                                <div class="for-1">

                                    <h1 class="h1">HTML5+CSS3</h1>
                                    <ul class="ul12">

                                        <li>熟练应用HTML5和CSS3</li>
                                        <li>熟练H5C3新特效</li>
                                        <li>熟悉PC端、移动端、响应式网页开发</li>

                                    </ul>

                                </div>

                                <div class="for-1">

                                    <h1 class="h1">JavaScript</h1>
                                    <ul class="ul12">

                                        <li>熟练JavaScript</li>
                                        <li>熟练jQuery</li>
                                        <li>擅长改用各种插件</li>
                                        <li>熟练ajax</li>

                                    </ul>

                                </div>

                                <div class="for-1">

                                    <h1 class="h1">JSON数据</h1>
                                    <ul class="ul12">

                                        <li>熟练应用JSON数据</li>
                                        <li>对于JSON了解较多</li>
                                        <li>可以结合AJAX完成前端独立开发</li>

                                    </ul>

                                </div>

                                <div class="for-1">

                                    <h1 class="h1">框架、插件</h1>
                                    <ul class="ul12">

                                        <li>熟练应用bootstrap框架和vue.js框架</li>
                                        <li>了解掌握并可以运用swiper插件</li>
                                        <li>了解微信小程序</li>

                                    </ul>

                                </div>

                            </div>

                        </div>

                    </div>

                </div>

                <div class="section">

                    <!--第五屏-->
                    <div id="five">

                        <div class="five clearfix">

                            <h1>我的作品</h1>

                            <div class="k1">

                                <h3>依波表官网</h3>
                                <ul>

                                    <li><span class="span3">背景介绍：</span>依波表是国内最著名的腕表之一，1991年成立于深圳，并于2011年被评为中国驰名商标，连续十二年荣登“中国500最具价值品牌”榜单，品牌价值达56.26亿元。</li>
                                    <li><span class="span3">项目介绍：</span>它是一个不管是手机端还是pc端都能看的全能网站</li>
                                    <li><span class="span3">技术实现：</span>HTML5、CSS3\jQuery、javascript</li>
                                    <li>
                                        <span class="span3">实现技术:</span>
                                        <ul class="ul3">

                                            <li>根据产品需求分析并给出前端结构解决方案并完成效果实现</li>
                                            <li>利用div+css等将页面实现，高度还原设计图</li>

                                        </ul>

                                    </li>
                                    <li><a href="http://wangning21.gitee.io/yibobiaoerqi">链接</a></li>

                                </ul>

                            </div>

                            <div class="k1">

                                <h3>云巴网</h3>
                                <ul>

                                    <li><span class="span3">背景介绍：</span>关于App/Wep/物联网实时通讯云服务的单个网页</li>
                                    <li><span class="span3">项目介绍：</span>它是一个单页面，手机。电脑多平台的网页</li>
                                    <li><span class="span3">技术实现：</span>bootsprot</li>
                                    <li>
                                        <span class="span3">实现技术:</span>
                                        <ul class="ul3">

                                            <li>根据产品需求分析并给出前端结构解决方案并完成效果实现</li>
                                            <li>利用div+css等将页面实现，高度还原设计图</li>

                                        </ul>

                                    </li>
                                    <li><a href="http://wangning21.gitee.io/web_page">链接</a></li>

                                </ul>

                            </div>

                            <div class="k1">

                                <h3> Home网 </h3>
                                <ul>

                                    <li><span class="span3">背景介绍：</span>它是一个纯英文网页</li>
                                    <li><span class="span3">项目介绍：</span>它是一个单页面，手机、电脑多平台查看的网页，它是一个介绍旅游的网项目</li>
                                    <li><span class="span3">技术实现：</span>div+css</li>
                                    <li>
                                        <span class="span3">实现技术:</span>
                                        <ul class="ul3">

                                            <li>根据产品需求分析并给出前端结构解决方案并完成效果实现</li>
                                            <li>利用div+css等将页面实现，高度还原设计图</li>

                                        </ul>

                                    </li>
                                    <li><a href="http://wangning21.gitee.io/home_webpage">链接</a></li>

                                </ul>

                            </div>

                        </div>

                    </div>

                </div>

                <div class="section">

                    <!--第六屏-->
                    <div id="six">

                        <div class="six" id="w1">

                            <h1>联系我</h1>

                            <div class="l">

                                <div class="tu clearfix">

                                    <img src="img/weixin.jpg" alt="">

                                    <div class="tu1">

                                        <p><span class="span4">电话：</span><span>176-3313-6325</span></p>
                                        <p><span class="span4">邮箱：</span><span>2584344366@qq.com</span></p>
                                        <p><span class="span4">Q Q：</span><span>2584344366</span></p>

                                    </div>

                                </div>

                            </div>

                        </div>

                    </div>

                </div>

            </div>


        </div>

    </main>

    <footer></footer>



</div>


<script src="js/script.js"></script>
</body>
</html>